<template>
<div class="view-CommonLeft">
    <el-menu default-active="2" class="el-menu-vertical-demo">
        <el-submenu index="1">
            <template slot="title">
                <i class="el-icon-menu"></i>
                <span>java演示</span>
            </template>
            <el-menu-item index="1-1">
                <router-link to='/javaviews/UserList'>用户列表</router-link>
            </el-menu-item>
            <el-menu-item index="1-1">
                <router-link to='/javaviews/GoodList'>商品列表</router-link>
            </el-menu-item>
             <el-menu-item index="1-1">
                <router-link to='/javaviews/OrderList'>订单列表</router-link>
            </el-menu-item>
            <el-menu-item index="1-2">
                <router-link to='/javaviews/UserTest'>其它测试</router-link>
            </el-menu-item>
        </el-submenu>
        <el-submenu index="2">
            <template slot="title">
                <i class="el-icon-location"></i>
                <span>ygbh展示</span>
            </template>
            <el-menu-item index="2-1">
                <router-link to='/ygbhviews/Test01'>demo1</router-link>
            </el-menu-item>
            <el-menu-item index="2-2">选项2</el-menu-item>
        </el-submenu>
    </el-menu>
</div>
</template>

<script>
// @ is an alias to /src
import { post, get, request } from '@/common/service'

export default {
    name: 'CommonLeft',
    components: {
    },
    mounted () {
    },
    data () {
        return {
            // 单个模板-是否编辑模式
            menuList: [],
        }
    },
    methods: {
        

    }
}
</script>

<style scoped lang="scss">
.el-menu{ border-right: none; }
</style>
